<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="public/css/normalize.css">
    <!--<link rel="stylesheet" type="text/css" media="screen and (min-width:960px)" href="public/css/1.css">-->
    <!--<link rel="stylesheet" type="text/css" media="screen and (min-width:600px) and (max-width:960px)" href="public/css/2.css">-->
    <link rel="stylesheet" href="public/css/swiper/idangerous.swiper2.7.6.css">

    <link rel="stylesheet" href="public/css/style.css">
    <title></title>

</head>
<body>
<div class="header-wrap">
    <div class="header">
        <img src="public/img/logo.png"/>
        <ul class="nav-wrap">
            <li>首页</li>
            <li class="nav-active">买MINI</li>
            <li>卖MINI</li>
            <li>品质承诺</li>
            <li>金融服务</li>
            <li>联系经销商</li>
        </ul>
        <div class="search">
            <input type="text" name="" id="">
        </div>
    </div>
</div>
<div class="detail-wrap">
    <div class="carShow-wrap">

    </div>
    <div class="carIntroduction-wrap">
        <div class="carIntroduction">
            <p class="carTitle">MINI JOHN COOPER WORKS COUNTRYMAN ALL4</p>
            <div class="carContent-wrap">
                <div class="carContent-left">
                    <p class="detail-carModel">2014款 Fun Package</p>
                    <del class="detail-carGuide">新车指导价：¥255,000 元</del>

                </div>
                <div class="carContent-right">
                    <ul class="detail-carStatus">
                        <li>
                           <span>2015-08</span>
                                </br>
                            <span>上牌时间</span>
                        </li>
                        <li>
                            <span>34,900公里</span>
                            </br>
                            <span>里程</span>
                        </li>
                        <li>
                            <span>2年3个月</span>
                            </br>
                            <span>车龄</span>
                        </li>
                        <li class="noborder">
                            <span>上海</span>
                            </br>
                            <span>所在地</span>
                        </li>
                    </ul>

                </div>

            </div>
            <div class="carContent-bottom">
                <div class="detail-carMoney">
                    <span class="carMoney">价格：¥193,000元</span>
                    <span class="carMonth">月供¥3,210元</span>
                </div>
                <div class="detail-carService">
                    <div class="seven">
                        <img src="public/img/7.png" height="29" width="30"/>
                        <span>七天无忧退换</span>
                    </div>
                    <div class="free">
                        <img src="public/img/8.png" height="28" width="29"/>
                        <span>免费过户服务</span>
                    </div>
                </div>
            </div>
            <div class="detail-carButton">
                <ul>
                    <li><span>预约看车</span></li>
                    <li><span>贷款计算器</span></li>
                    <li><span>立即出价</span></li>
                    <li><span style="background-color:#cc0000">现在购买</span></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="detailTab-wrap">
        <div class="tabs">
            <span  class="active">车辆详情</span>
            <span  >性能配置参数</span>
            <span >联系经销商</span>
        </div>
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="carMain-wrap">
                        <div class="carMain-left">
                            <p class="carMainTitle">
                                车辆详情
                            </p>
                            <ul>
                                <li><span>销售价格</span><span>¥165,000元</span></li>
                                <li><span>新车指导价</span><span>¥298,000元</span></li>
                                <li><span>首次上牌时间</span><span>2013-08-22</span></li>
                                <li><span>车龄</span><span>4年3个月</span></li>
                                <li><span>行驶里程</span><span>约42,700公里</span></li>
                                <li><span>车辆编号</span><span> 1376209</span></li>
                                <li><span>车架号尾号</span><span>****403</span></li>
                                <li><span>车身颜色</span><span>风筝蓝</span></li>
                            </ul>
                        </div>
                        <div class="carMain-right">
                            <p>
                                "1.Mini 1.5T Cooper fun 厂方指导价：25.5万元（不含购置税）产地：英国。
                                2.该车为客户置换，已上牌无需缴纳购置税。
                                3.排放标准国五、目前为沪C牌、可上沪A牌，可转籍全国（部分城市还需确认）。
                            </p>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="content-slide">
                        <h2>Tab 2</h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus lacinia vulputate hendrerit. Suspendisse potenti. Etiam rutrum egestas massa, ut facilisis magna tristique nec. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc interdum tempus turpis ut tempus. Mauris dictum blandit lectus, a dictum erat dictum non. Etiam ultrices convallis interdum. Curabitur varius auctor enim, quis dictum nibh fringilla ut. Sed vel lacus ac odio molestie sodales quis sit amet lacus. Curabitur id porta eros. Fusce in varius nisi.</p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="content-slide">
                        <h2>Tab 3</h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus lacinia vulputate hendrerit. Suspendisse potenti. Etiam rutrum egestas massa, ut facilisis magna tristique nec. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc interdum tempus turpis ut tempus. Mauris dictum blandit lectus, a dictum erat dictum non. Etiam ultrices convallis interdum. Curabitur varius auctor enim, quis dictum nibh fringilla ut. Sed vel lacus ac odio molestie sodales quis sit amet lacus. Curabitur id porta eros. Fusce in varius nisi.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="footer-wrap">
    <div class="footer">

        <ul class="footerNav-wrap">
            <li>联络MINI</li>
            <li class="nav-active">法律声明</li>
            <li>常见问题解答</li>
            <li>BMW集团网站</li>
            <li>MINI.COM</li>
        </ul>
        <div class="phone">
            <img src="public/img/icon-tel.gif" height="26" width="26"/>
            <span>400-800-6699</span>
            <span>京ICP备08004883号</span>
        </div>
    </div>
</div>
<script src="./public/js/jq/jquery-1.10.1.min.js"></script>
<script src="public/js/swiper/idangerous.swiper.js"></script>
<script src="./public/js/detail.js"></script>
</body>
</html>

